/**
  * Musashi - A project manager for music groups and bands
  * Copyright (C) 2010 Daniel Torres
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * This program is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
  *
  * You should have received a copy of the GNU General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */

/**
 * Base CSS file
 * Contains most of the styles used for common elements across the Musashi
 * Project files and other related resources
 */

/* Imports */
/* -------------------------------------------------------------------------- */

@import url("reset.css");

/* Make the page HTML5 compliant in case the browser still doesn't support this */
/* -------------------------------------------------------------------------- */

header, section, footer, aside, nav, article, figure {
    display:block;    
}

/* This one is ours, to trick Joomla's template */
musashiContent {
    display:block;
    background: #F7F7F5;
    color: #000305;
    font-family: Arial, sans-serif;
    margin:0;
    padding:1.5em 1.5em 0 1.5em;
    text-align:left;    
}

/* Global parameters */
body {
    background: #F7F7F5;
    color: #000305;
    font-family: Arial, sans-serif;
    margin:0;
    padding:0;
    text-align:left;
}

/* Title */
/* -------------------------------------------------------------------------- */

#title h1 { font-size: 3em; font-family:Arial, sans-serif; font-weight:bold; margin:0.5em 0 0 0; padding:0; color:#000; line-height:1;}
#title h2 { font-size: 15px; font-family:Arial, sans-serif; font-weight:normal; margin:0 0 0 0; padding:0; color:#000;}
#title p  {margin:0;}
#title .name {
    width:46%;
    float:left;
    text-align:right;
}
#title .description {
    width:300px;
    margin:0 0 0 400px;
    padding:0.1em 0 1em 3em;
    background-image:url('key.png');
    background-repeat:no-repeat;
    background-position:left top;
    height:75px;
}

/* Section */
/* -------------------------------------------------------------------------- */

section {
    overflow:hidden;
    margin:3em 0 1em 0;
    padding:0 0 1em 1em;
    background-color:#fff;    
    
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    border-left:5px solid #f44622;
    
    /*
    -moz-box-shadow: 0px 0px 4px #4e4e4e; 
    -webkit-box-shadow: 0px 0px 4px #4e4e4e; 
    box-shadow: 0px 0px 4px #4e4e4e;  */
    border-right:1px solid #cacaca;
    border-top:1px solid #cacaca;
    border-bottom:1px solid #cacaca;
}

fieldset
{
    background:none;
    padding:0;
    border:none;
    
}

/* Notice sections */
/* -------------------------------------------------------------------------- */

#notice h1 { font-size:18px; font-family:arial, sans-serif; font-weight:bold;   color:#000;    margin:0.5em 0 0 0; line-height:1;}
#notice h2 { font-size:13px; font-family:arial, sans-serif; font-weight:normal; color:#5d5d5d; margin:0 0 0.1em 0; float:left;}
#notice h3 { font-size:15px; font-family:arial, sans-serif; font-weight:bold;   color:#000;    margin:0 0 0 2em; line-height:1;}

#notice .notice-title {
    border-bottom: 1px solid #cacaca;
    width:100%;
    height:40px;
}

#notice .action-result {
    float:right;
    margin-right:25px;
    font-weight:bold;
}

#notice ol, ul {
    margin:1em 0 1em 1em;
    padding:0;
    list-style:none;
}

#notice-list a, a:link, a:visited {
    color:#000;
    font-weight:bold;
}

#notice-list li {
    margin:0;
    padding:0 0 1.5em 0;
    width:95%;
    background-image:url('entry.png');
    background-repeat:no-repeat;
}

#notice-list .pending-entry {
    margin:0 0 0 2.5em;
    padding:0;
    color:#5d5d5d;
    
}

#notice-list p {
    margin:0;
    padding:0;
    line-height:1.5;
}

#notice .notice-selector{
    width:95%;
    border-bottom:1px solid #cacaca;    
}

#notice .notice-form {
    margin-left:300px;
}

/* Footer */
/* -------------------------------------------------------------------------- */

footer {
    overflow:hidden;
    margin:3em 0 0 0;
    padding:2em 0 0 2em;
    background:#323232;
    
    border-radius: 10 10px 0 0;
    -moz-border-radius: 10px 10px 0px 0;
    -webkit-border-radius: 10px 10px 0 0;
    
}

#footer h2 { font-size:20px; font-family:arial, sans-serif; font-weight:bold;  color:#fff; margin:0; }
#footer h3 { font-size:15px; font-family:arial, sans-serif; font-weight:normal;color:#cacaca; margin:7px 0 0 0; line-height:0.5;}
#footer p  { font-size:11px; font-family:arial, sans-serif; font-weight:normal;color:#d9d9d9; margin:2em 0;}

/* footer data */
#footer .footer-data {
    float:left;
    width:400px;
}

/* Social */
/* -------------------------------------------------------------------------- */

#footer .social {
    margin-left:550px;
    padding-left:2em;
    width: 175px;
    border-left:1px solid white;
}

#footer ul {
    margin:0;
    padding:0;
}

#footer li {
    margin:0;
    padding:0.2em;
}

#social-list a a:link a:visited {
    color:#fff;
    height:1em;
    line-height:2em;
}

/* Hello regex in css */
#footer div[class='social'] a {
    background-repeat:no-repeat;
    background-position: top left;
    padding-left: 25px;
    color:#cacaca;
}

/* Icons */
.social a[href*='delicious.com'] {background-image: url('icons/delicious.png');background-size:16px;}
.social a[href*='digg.com'] {background-image: url('icons/digg.png'); background-size:16px;}
.social a[href*='facebook.com'] {background-image: url('icons/facebook.png'); background-size:16px;}
.social a[href*='last.fm'], .social a[href*='lastfm'] {background-image: url('icons/lastfm.png'); background-size:16px;}
.social a[href*='/feed/'] {background-image: url('icons/rss.png');background-size:16px;}
.social a[href*='twitter.com'] {background-image: url('icons/twitter.png');background-size:16px; }
.social a[href*='deviantart.com']{background-image: url('icons/deviantart.png');background-size:16px;}
.social a[href*='flickr.com']{background-image: url('icons/flickr.png');background-size:16px;}
.social a[href*='linkedin.com']{background-image: url('icons/linkedin-logo.png');background-size:16px;}
.social a[href*='skype.com']{background-image: url('icons/skype.png');background-size:16px;}
